<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css" />
    <link rel="stylesheet" href="css/jquery.mobile.icons-1.4.5.min.css" />
    <link rel="stylesheet" href="css/jquery.mobile.theme-1.4.5.min.css" />
    <link rel="stylesheet" href="css/index.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>

<body>
    <div data-role="page" class="message" id="pageone" data-transition="slide" data-direction="reverse">

        <div data-role="panel" class="message" id="revealPanel" style="background:#020202;color: blanchedalmond"
            data-display="reveal">
            <p>已打卡127天</p>
            <a href="mine.html" target="_top"><img src="images/zzu.png"><span style="padding:10px;color: orange">Frank</span></a><br>
            <hr />
            <span>☆☆☆☆☆</span><br>
            <span>zookeeper...</span>
            <div>
                <hr />
                <ul data-role="listview" style="background:#666666;">
                    <li><a href="mine.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">我的信息</a></li>
                    <li><a href="theme.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">我的专题</a></li>
                    <li><a href="fav.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">我的收藏</a></li>
                    <li><a href="album.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">我的相册</a></li>
                    <li><a href="edit.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">修改信息</a></li>
                    <hr />
                    <li><a href="location.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">我的地址</a></li>
                    <li><a href="shop.html" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-shadow-icon ui-btn-b"
                            target="_top">商城</a></li>

                </ul>
                <button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-power" style="position: absolute;background: #ccc; bottom: 0%;width: 80%">注销</button>
            </div>
        </div>

        <div data-role="panel" id="overlayPanel" data-display="overlay" data-position="right" style="background:#020202;color: blanchedalmond">
            <h2>超级爬虫，搜你想要</h2>
            <form class="ui-filterable">
                <input id="myFilter" data-type="search" placeholder="根据名称搜索..">
            </form>
            <ul data-role="listview" data-filter="true" data-input="#myFilter" data-autodividers="true" data-inset="true">

                <li>
                    <a href="others.html" target="_top">zookeeper8464</a>
                </li>
                <li>
                    <a href="mine.html" target="_top">未闻花名</a>
                </li>
            </ul>
        </div>

        <div data-role="header" class="ui-btn ui-btn-b">
            <a href="#revealPanel" data-swipe-close="true" class="ui-btn ui-corner-all ui-icon-bars ui-btn-icon-notext"></a>
            <a href="#" class="ui-btn ui-btn-right ui-shadow ui-corner-all ui-icon-plus ui-btn-icon-notext"></a>
            <p align="center"> 小黑书</p>
        </div>
        <div data-role="main" class="ui-content"><a href="#overlayPanel" class="ui-btn">搜索</a>
            <h3 class="ui-bar ui-bar-a ui-corner-all" style="float:left;margin: 0 auto">
                <div style="width:60px;float: left">
                    <img src="images/zzu.png" style="margin-right:4px" alt="" />

                </div>
                <div style="font-size:28px;float: left;margin: 0 auto;padding-top: 14px;padding-left: 7px"> #重庆成都五天五日游</div>
            </h3>

            <div class="ui-body ui-body-a ui-corner-all">

                <div style="float:left;width: 100%">
                    <div style="width:100%;float: left;">
                        <img src="images/chengdu.jpg" style="width:100%;float: left;" alt="成都">
                    </div>
                </div>
            </div>
            <div data-v-5806d7a1="" class="content">

                <p data-v-5806d7a1="">✨day1:七月份跟闺蜜去的，下午两点多从福州飞，傍晚到重庆，晚上直接去了南山一颗松观景台，要门票，人超多不好找车位，可以看到整个重庆的夜景。然后去了洪崖洞，开始下了点小雨，洪崖洞还是推荐晚上去，夜景很好，也有很多小酒吧小吃街，洪崖洞就可以体会到重庆以为在一楼，结果在九楼的3d城市魅力。</p>
                <p data-v-5806d7a1="">✨day2：早上打滴滴去了川美，到现在川美的新校区和旧校区还是搞混。。跟司机说错了意外打卡了涂鸦墙，结果那天罗中立美术馆没开馆，大家去的时候要看下开馆时间呀。下午还是坚持不懈的去了影视城民国街，中午超级晒，可以租民国的衣服，两个人可以换着穿，还是蛮值得体验。拍照的小可爱要记得带充电宝和防蚊的，到了傍晚又下了暴雨，等到雨停回宾馆休息下，晚上去感受了下真正重庆的火锅。</p>

                <div style="width:100%;float: left;">
                    <img src="images/chengdu2.jpg" style="width:100%;float: left;" alt="成都">
                </div>
                <p data-v-5806d7a1="">✨day3:睡到中午起来，坐动车一两个小时就到成都，过了四个月才来写，很多都忘了。到了成都找了一两个小时的宾馆，我们没把时间安排很紧凑，加上台风天不方便，想玩多点的朋友别像我们这样。。。宾馆建议住在春熙路附近，真的不要太方便，晚上去了锦里有很多很好吃的特色小吃，晚饭可以在那里解决，人也好多，成都是个慢节奏的地方，八点天还是亮的，我个人一去就超喜欢成都的慢节奏，八九点肯定要去体会下成都的小酒馆呀，去了积玉桥，成都的酒吧一条街。后面又下暴雨了。</p>
                <p data-v-5806d7a1="">✨day4：依然在台风天暴雨里睡了一天，到下午四五点没雨了才出来，去洗了头，在春熙路逛了十二点的街，种了个睫毛。嗯，我知道我们是来旅游的
                    ，体会了下成都本地人的生活，不过成都的睫毛和发型师可以说超满意了，成都真的好多美女哈哈。七月份的成都不知道是下雨还是晚上感觉有点冷，最好带件长袖，半夜两点去吃了小珺肝，从此我爱上了串串。</p>
                <div style="width:100%;float: left;">
                    <img src="images/chengdu3.jpg" style="width:100%;float: left;" alt="成都">
                </div>
                <p data-v-5806d7a1="">✨day5：在携程上报了一个日游，终于有点旅游的样子了，满意。早上去了大熊猫基地，还是下雨。中午去了都江堰，就是大太阳了，成都到都江堰差不多两个小时的路程，报团比较方便，超级推荐去都江堰，看到了伟大的中国水利工程。晚上回去都累趴了，睡了一下起来出门宵夜。</p>
                <p data-v-5806d7a1="">✨day6:早上七点的飞机回福州。没玩够，超喜欢重庆和成都，有机会还想再去玩一次。因我跟我闺蜜难得时间对的上，就忽略天气，有想出去玩的小可爱们还是要看下天气预报。</p>
                <p>
                    <h1 style="float:right">完~</h1>
                </p>
            </div>
            <br>
            <br>
            <hr style="margin-top:160px">

            <h3 class="ui-bar ui-bar-a ui-corner-all" style="float:left;margin: 0 auto;width: 90%">
                <ul data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
                    <li class="ui-li-static ui-body-inherit ui-first-child">评论区☕</li>
                    <li data-role="list-divider" role="heading" class="ui-li-divider ui-bar-inherit ui-li-has-count">评论列表：<span
                            class="ui-li-count ui-body-inherit">3</span></li>
                    <li class="ui-li-static ui-body-inherit">
                        <div>
                            <img src="images/zzu.png" style="float:left" alt="">
                            <p class="_p" style="padding:20px">
                                评论队长老王
                            </p>

                        </div>
                    </li>
                    <li class="ui-body-inherit ui-li-has-count ui-last-child">
                        <div style="height:auto">
                            soludos鞋子好穿吗 好看是真的
                            <p>
                                富强民主！
                            </p>
                        </div>
                        <span class="ui-li-count ui-body-inherit">6</span>
                    </li>
                </ul>
            </h3>
        </div>

        <div data-role="page" id="pagetwo" data-theme="b">
            <div data-role="header" data-position="fixed" data-fullscreen="true">
                <h1>欢迎来到我的主页</h1>
            </div>
            <div data-role="main" class="ui-content">
                <a href="#pageone" data-transition="slide" data-direction="reverse">点击跳转页面(淡入第一个页面)</a>


            </div>

            <div data-role="footer" data-position="fixed" data-fullscreen="true">
                <h1>底部文本</h1>
            </div>
        </div>


        <div data-role="page" id="class-page">

            <div data-role="content">
                <ul data-role="listview" id="listview2">
                    <li>向右滑动切换页面</li>
                    <li>向右滑动切换页面</li>
                    <li>向右滑动切换页面</li>
                </ul>
            </div>

        </div>
        <div id="footer" data-role="footer" data-position="fixed">
            <div data-role="navbar">
                <ul>
                    <li>
                        <a href="#" data-icon="comment" class="ui-btn ui-shadow-icon ui-btn-b" onclick="goTo('easy.html')">
                            小黑书</a>
                    </li>
                    <li>
                        <a href="user.html" data-icon="user" class="ui-btn ui-shadow-icon ui-btn-b" onclick="goTo('friends.html')">
                            好友</a>
                    </li>
                    <li>
                        <a href="#" data-icon="star" class="ui-btn ui-shadow-icon ui-btn-b" onclick="goTo('active.html')">动态</a>
                    </li>
                </ul>
            </div>
        </div>
</body>

</html>